<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/vue.js"></script>
    <script src="js/axios-0.18.0.js"></script>
</head>

<body>
    <div id="app">
        <input type="button" value="发送get请求" @click="get()">
        <input type="button" value="发送post请求" @click="post()">

    </div>

</body>

</html>
<script>
    new Vue({
        el: '#app',
        data() {
            return {

            }
        },
        methods: {
            get() {
                axios({
                    method: 'get',//请求的方式
                    url: 'http://localhost:10010/emp/list'
                }).then((resp) => {
                    //成功时执行的函数
                    console.log(resp.data.data);//获取相应的数据  自动转为json对象 对象.属性
                }).catch(() => {
                    console.log('出错了');
                });
            },
            post() {
                axios({
                    method: 'post',//请求方式是post
                    url: 'http://localhost:10010/emp/deleteById',
                    data: "id = 1"   //这里表示携带请求体数据  可以是字符串也可以是对象
                }).then(resp => {
                    console.log(resp.data);
                    if (resp.data.msg == "scccess") {
                        //操作样式或改变
                    }
                });
            }
        }
    });
</script>